<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  <link rel="stylesheet" href="./assets/css/reset.css">
  <link rel="stylesheet" href="./assets/css/animate.min.css">
  <link rel="stylesheet/less" href="./assets/css/index.less">
  <link rel="stylesheet/less" href="./assets/css/comment.less">

</head>

<body>
  <nav class="navbar navbar">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <img src="./assets/img/Retângulo 4 cópia.png" alt="">
          <img src="./assets/img/Retângulo 4.png" alt=""></a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">

          <li><a href="#">shop</a></li>
          <li><a href="#">Team</a></li>
          <li><a href="#">events</a></li>
          <li><a href="#">experience</a></li>
          <li><a href="#">company</a></li>
          <li><a href="#">contact</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li><a href="#"><img src="./assets/img/search icon.png" alt=""></a></li>
          <li><a href="#"><img src="./assets/img/shopping bag icon.png" alt="">€0
            </a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- slider -->
  <div class="slider">
    <div class="content">
      Run Over
      Everything
    </div>
    <button>
      see details
    </button>
  </div>
  <div class="snow">
    <div class="title">
      <h1>snowboards</h1>
      <h3>Aliquam erat volutpat. Curabitur ut consequat arcu eget laoreet est</h3>
    </div>
    <div class="content">
      <img src="./assets/img/board 1.png" alt="">
      <img src="./assets/img/board 2.png" alt="">
      <img src="./assets/img/board 3.png" alt="">
      <img src="./assets/img/board 4.png" alt="">
      <img src="./assets/img/board 5.png" alt="">
    </div>
    <div class="foot1">
      Snowboard extreme Series
    </div>
  </div>
  <div class="company">
    <div class="title">
      The Mountains
      Snowboarding ®
    </div>
    <div class="content">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt auctor facilisis. Nam massa dui, imperdiet et mi ut, sagittis viverra odio. Duis et lectus eu enim gravida vulputate nec eget nisi. Nunc ultrices velit blandit, dapibus lacus in, feugiat erat. Donec non porttitor augue, sit amet lacinia purus. Nulla fringilla quam est, luctus dapibus odio suscipit ut. Vivamus et lectus a nunc fringilla volutpat. Morbi sed congue sem.
      <br /><br />
Aliquam erat volutpat. Curabitur ut consequat arcu, eget laoreet est. Vivamus semper nibh sit amet libero hendrerit luctus. Fusce non bibendum lorem. Fusce laoreet risus eget tortor lobortis egestas. Etiam tempus quam sed felis viverra scelerisque. Integer fringilla libero risus, vel euismod turpis auctor ac. Proin elementum aliquet libero a dapibus. Mauris et tempor dolor.
    </div>
  </div>
  <div class="fea">
    <div class="title">
      <h1>features</h1>
    </div>
    <div class="content">
      <div class="list">
        <img src="./assets/img/img 1.png" alt="">
        <div class="demo">
          Born Identity: Bringing Burton Hardgoods to Life
        </div>
      </div>
      <div class="list">
        <img src="./assets/img/img 2.png" alt="">
        <div class="demo">
          Jeremy Jones: On That Street Grind
        </div>
      </div>
      <div class="list">
        <img src="./assets/img/img 3.png" alt="">
        <div class="demo">
          Burton’s Tokyo Rail Days Recap
        </div>
      </div>
      <div class="list">
        <img src="./assets/img/img 4.png" alt="">
        <div class="demo">
          Burton’s Tokyo Rail Days Preview
        </div>
      </div>
    </div>
  </div>
  <div class="foot">
    <div class="top">
      <div class="list">
        <h1>PRODUCTS</h1>
        <h2>
          Mens<br><br>
          Womens<br><br>  
          Youth
        </h2>
       
      </div>
      <div class="list">
        <h1>About
          </h1>
        <h2>Careers and Internships<br><br>
          Sponsorships<br><br>
          team<br><br>
          Catalog Request/Download
        </h2>
      </div>
      <div class="list">
        <h1>Customer Support
          </h1>
        <h2>Contact Us<br><br>
          Shipping and Order Tracking<br><br>
          Easy Returns<br><br>
          Warranty<br><br>
          Replacement Binding Parts
        </h2>
      </div>
      <div class="news">
        <div class="title">
          Newsletter
        </div>
        <div class="con">
          <input type="text" placeholder="Enter your email">
          <div class="go">
            GO
          </div>
        </div>
        <div class="social">
          <img src="./assets/img/social.png" alt="">
        </div>
        
      </div>
    </div>
    <div class="down">
      <div class="left">© 2014 Mountains Snowboards</div>
      <div class="right"><img src="./assets/img/14x10q80.png" alt=""> Change Region</div>
    </div>
  </div>
</body>

</html>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/wow.min.js"></script>
<script>
  new WOW().init();
</script>